//个人中心
<template>
    <div class="container">
        <mt-popup v-model="popupVisible" position="right" class="popup">
            <div class="header">
                <mt-header title="个人中心">
                    <mt-button icon="back" @click.native="back" slot="left">返回</mt-button>
                </mt-header>
            </div>
            <div class="content">
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
                <mt-cell title="标题文字" is-link>
                    <span>icon 是图片</span>
                    <i class="fa fa-address-book" slot="icon"></i>
                </mt-cell>
            </div>
        </mt-popup>
    </div>
</template>

<script>
export default {
  name: "furnaceCenter",
  data() {
    return {
      popupVisible: true
    };
  },
  mounted() {},
  methods: {
    back: function() {
      this.popupVisible = false;
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss">
.popup {
  width: 100%;
  height: 100vh;
  overflow: auto;
}
</style>
